<template>
  <div
      class="flex justify-center items-center py-0.5 bg-orange-100 border-orange-300 border-t xl:border xl:rounded-sm"
      v-if="!isCountDownFinish"
  >
    <mine-svg-icon
        name="countdown"
        class="w-1.5 h-1.5 mr-1"
        fillClass="fill-red-600"
    ></mine-svg-icon>
    <p class="text-xs text-red-600 font-bold">
      限时特惠 | 距离优惠结束仅剩
      <mine-count-down
          :time="52 * 60 * 1000"
          class="inline-block"
          @finish="isCountDownFinish = true"
      ></mine-count-down>
    </p>
  </div>
</template>

<script setup>
import {ref} from "vue";
let isCountDownFinish = ref(false)
</script>

<style scoped>

</style>
